<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>로그인</title>

<style type="text/css">
body {
	background-color:#F7F7F7;
}
fieldset {
	margin: 200px auto;
	width: 350px;
	border:1px dashed #CCC;
	padding:10px;
	color: #CCC;
}
legend {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 90%;
	letter-spacing: -1px;
	font-weight: bold;
	line-height: 1.1;
	color:#fff;
	background: #666;
	border: 1px solid #333;
	padding: 2px 6px;
}
.buttons {
	height: 50px;
	background: #e3e3db;
	font-size:12px; 
	color: #989070; 
	padding: 6px 14px;
	border-width: 2px;
	border-style: solid;
	border-color: #fff #d8d8d0 #d8d8d0 #fff;
	text-decoration: none;
	text-transform:uppercase;
	font-weight:bold;
}
</style>
</head>
<body>


<fieldset class="login">
  <legend>로그인</legend>
  <table>
    <tr>
      <td>아이디</td>
      <td><input type="text" id="id" size="21" /></td>
      <td rowspan="2"><input type="button" value="로그인" id="submit" class="buttons" /></td>
    </tr>
    <tr>
      <td>비밀번호</td>
      <td><input type="password" size="22" /></td>
    </tr>
  </table>
</fieldset>


<script type="text/javascript" src="../js/jquery-1.4.4.min.js"></script>
<script type="text/javascript" src="../js/jquery.mirincom.core.js"></script>
<script type="text/javascript">

	$(function() {
		$('#id').waterMark({'msg': 'Login ID 를 입력하세요.'});
		
		$('#submit').click(function() {
			location.href = './main.html';
		});
	});
	
</script>
</body>
</html>